<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>主页面</title>
<meta name="keywords" content="侧边导航菜单(可分组折叠)">
<meta name="description" content="侧边导航菜单(可分组折叠)" />
<meta name="HandheldFriendly" content="True" />
<link rel="stylesheet"
	href="../../js/bootstrap/themes/default/bootstrap.css" />
 <link rel="stylesheet" href="../../css/common/base.css" />
<link rel="stylesheet"
	href="../../js/bootstrap/themes/default/tabdrop.css" />
<!-- 业务CSS库 -->
<link rel="stylesheet" href="../../css/style.css" />
<link rel="stylesheet" href="../../css/each/main/main.css" />

<!-- 基础JS库 -->
<script src="../../js/common/package.js"></script>
<script src="../../js/common/url.js"></script>
<script src="../../js/common/jquery-1.11.3.min.js"></script>
<!-- <script 	src="https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> -->
<script src="../../js/common/json2.js"></script>
<script src="../../js/common/datagrid2.js"></script>
<script src="../../js/bootstrap/bootstrap.js"></script>
	<script src="../../js/bootstrap/plugins/bootstrap-paginator.js"></script>
<script src="../../js/bootstrap/plugins/bootstrap-tabdrop.js"></script>

   	<script src="../../js/common/script.js"></script>
   	<script src="../../js/common/jquery.select2.js"></script>
<!-- 业务JS库 -->
<script src="../../js/common/base.js"></script>

<style>
.panel-group {
	max-height: 770px;
	overflow: auto;
}

.leftMenu {
	margin: 10px;
	margin-top: 5px;
}

.leftMenu .panel-heading {
	font-size: 14px;
	padding-left: 20px;
	height: 36px;
	line-height: 36px;
	color: white;
	position: relative;
	cursor: pointer;
} /*转成手形图标*/
.leftMenu .panel-heading span {
	position: absolute;
	right: 10px;
	top: 12px;
}

.leftMenu .menu-item-left {
	padding: 2px;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 6px;
}

.leftMenu .menu-item-left:hover {
	background: #C4E3F3;
	border: 1px solid #1E90FF;
}

.table {
	border-top: 1px solid gray;
}
</style>
<script src="../../js/common/jquery-1.11.3.min.js"></script>
<script src="../../js/bootstrap/bootstrap.js"></script>
<script>
        $(function(){
            $(".panel-heading").click(function(e){
                /*切换折叠指示图标*/
                $(this).find("span").toggleClass("glyphicon-chevron-down");
                $(this).find("span").toggleClass("glyphicon-chevron-up");
            });
        });
        </script>
</head>

<body>
<header>
		<div class="header pr">
			<a id="btn-link" href="javascript:void(0);" class="dib vm of-h"><i
				class="dib logo"> <!-- <img class="wb80" src="../../img/logo.png"> -->猫眼
			</i></a>
			<h1 class="dib vm topTit black">
				<span style="color: black">猫眼后台管理系统</span>
			</h1>
			<div class="backLogin">
				<a id="btn-exit" href="javascript:log_out();" class="dib vm"> <img
					class="wb100 dis-b" src="../../img/exit.png">
				</a> <span class="dib vm tc admin"><font style="color: #000"
					id="userNameShow"></font><br /> <font style="color: #000"
					id="orgName">客户家</font></span> <i class="dib vm fly"><img
					id="btn-editPwd" class="wb100" src="../../img/fly.png"
					onclick="javascript:reset_pwd();"></i>
			</div>
		</div>
	</header>
	<div class="row">
			<aside style="background-color: #bfcdff">
		<div class="panel panel-primary leftMenu">
			<!-- 利用data-target指定要折叠的分组列表 -->
			<div class="panel-heading" id="collapseListGroupHeading1"
				data-toggle="collapse" data-target="#collapseListGroup1" role="tab">
				<h4 class="panel-title">
					用户信息管理 <span class="glyphicon glyphicon-chevron-up right"></span>
				</h4>
			</div>
			<!-- .panel-collapse和.collapse标明折叠元素 .in表示要显示出来 -->
			<div id="collapseListGroup1" class="panel-collapse collapse in"
				role="tabpanel" aria-labelledby="collapseListGroupHeading1">
				<ul class="list-group">
					<li class="list-group-item">
						<!-- 利用data-target指定URL -->
						<button class="menu-item-left" data-target="test2.html">
							<a href="main.html" class="active">用户信息</a>
						</button>
					</li>
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="/movie.web/view/user/forgetUserPassword.html">忘记密码</a>
						</button>
					</li>
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="/movie.web/view/user/updateUserPassword.html">修改密码</a>
						</button>
					</li>
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="#">用户解锁</a>
						</button>
					</li>
				</ul>
			</div>
		</div>
		<!--panel end-->
		<div class="panel panel-primary leftMenu">
			<div class="panel-heading" id="collapseListGroupHeading2"
				data-toggle="collapse" data-target="#collapseListGroup2" role="tab">
				<h4 class="panel-title">
					电影票管理 <span class="glyphicon glyphicon-chevron-down right"></span>
				</h4>
			</div>
			<div id="collapseListGroup2" class="panel-collapse collapse"
				role="tabpanel" aria-labelledby="collapseListGroupHeading2">
				<ul class="list-group">
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="#">电影票信息</a>
						</button>
					</li>
				</ul>
			</div>
		</div>
		<div class="panel panel-primary leftMenu">
			<div class="panel-heading" id="collapseListGroupHeading3"
				data-toggle="collapse" data-target="#collapseListGroup3" role="tab">
				<h4 class="panel-title">
					日志管理 <span class="glyphicon glyphicon-chevron-down right"></span>
				</h4>
			</div>
			<div id="collapseListGroup3" class="panel-collapse collapse"
				role="tabpanel" aria-labelledby="collapseListGroupHeading3">
				<ul class="list-group">
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="#">登录日志</a>
						</button>
					</li>
				</ul>
			</div>
		</div>
	</aside>
		<div class="col-md-10">
			<div class="table-responsive">
				<table class="table">
					<caption>信息如下:</caption>
					<thead>
						<tr>
							<th>姓名</th>
							<th>入职日期</th>
							<th>信息</th>
							<th>性别</th>
						</tr>
					</thead>
					<tbody>
						<tr class="success">
							<td>XXX</td>
							<td>23/11/2013</td>
							<td>XXX</td>
							<td>XXX</td>
						</tr>
						<tr>
							<td>XXX</td>
							<td>10/11/2013</td>
							<td>XXX</td>
							<td>XXX</td>
						</tr>
						<tr class="success">
							<td>XXX</td>
							<td>20/10/2013</td>
							<td>XXX</td>
							<td>XXX</td>
						</tr>
						<tr>
							<td>XXX</td>
							<td>20/10/2013</td>
							<td>XXX</td>
							<td>XXX</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
</body>

</html>